<script setup lang="ts">
import { openSideBar } from '@/logics/sideBar'

</script>

<template>
  <transition name="fade">
    <div
      v-if="openSideBar"
      class="fixed top-0 left-0 z-0 w-full h-full bg-gray-200 pointer-events-auto backdrop-filter backdrop-blur-sm dark:bg-dark-800 dark:bg-opacity-80 bg-opacity-50 lg:hidden"
      @click="openSideBar = false"
    />
  </transition>
</template>
